<!--
 * @Author: Li Zengkun
 * @Date: 2022-09-05 11:30:02
 * @LastEditors: Li Zengkun
 * @LastEditTime: 2022-09-06 11:24:50
 * @Description: 
-->
<template>
  <div class="home">
    <!-- <img class="bg" :src="Bg" alt="" srcset="" /> -->
    <h1>Weeelcome Back</h1>
  </div>
</template>

<script setup>
import { ref, reactive } from "vue";
import Bg from "@/assets/imgs/horizon (6).jpg";
</script>

<style lang="less" scoped>
.home {
  overflow: hidden;
  position: absolute;
  width: calc(100% + 20px);
  height: 100%;
  background-image: url("@/assets/imgs/horizon (6).jpg");
  background-size: 100%;
  transform: translateY(-10px) translateX(-10px);
  background-position: center center;
  h1 {
    position: absolute;
    right: 60px;
    bottom: 10px;
    color: #fff;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
}
</style>
